<template>
	<view class="yb-gap yb-flex" :id="customIdSync" :class="customClassSync" :style="rootStyle"></view>
</template>

<script>
	import Util from '../../js_sdk/util.js'
	import ComponentMixin from '../../js_sdk/componentMixin.js'
	export default {
		mixins: [ComponentMixin],
		props: {
			size: {
				type: [String, Number],
				default: '24rpx'
			},
			color: {
				type: String,
				default: ''
			}
		},
		computed: {
			Util () {
				return Util
			},
			rootStyle () {
				return this.filterStyle(
					{
						height: Util.pixelunit(this.size),
						'background-color': this.color
					}
				) + this.customStyleSync
			}
		}
	}
</script>

<style scoped>
	/* #ifndef APP-NVUE */
	.yb-gap {
		width: 100%;
	}
	/* #endif */
</style>
